<div class="container" @myInsertRemoveTrigger *ngIf="change" [hidden]="!hide" draggable="true">
  <div class="top">
    <div><i></i><label>薪资管理</label></div>
    <span class="spanOne" (click)="close()"><i class="iconfont icon-guanbi"></i></span>
    <span class="spanThree" (click)="toSmall($event)"><i class="iconfont icon-suoxiao"></i></span>
  </div>
  <div class="bottom">
    <div class="operation">
      <button class="btn-default">修改补贴</button>
      <button class="btn-default" (click)="exportExcle()">导出excle</button>
      <div class="year">
        年份：<select [(ngModel)]="year">
          <option value="2019">2019</option>
          <option value="2018">2018</option>
          <option value="2017">2017</option>
          <option value="2016">2016</option>
          <option value="2015">2015</option>
        </select>
      </div>
      <div class="month">
        月份：<select [(ngModel)]="month">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
        </select>
      </div>
      <div class="search">
        <input type="text" /><button class="btn-search">搜索</button>
      </div>
    </div>
    <div id="exportableTable">
      <table class="table">
        <thead>
          <tr>
            <th>员工编号</th>
            <th>姓名</th>
            <th>部门</th>
            <th>职位</th>
            <th>月份</th>
            <th>基本薪资</th>
            <th>全勤奖</th>
            <th>基础性补贴</th>
            <th>个人所得税</th>
            <th>合计</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let list of salaryList">
            <td>{{ list.empId }}</td>
            <td>{{ list.name }}</td>
            <td>{{ list.dept }}</td>
            <td>{{ list.position }}</td>
            <td>{{ list.month }}</td>
            <td>{{ list.baseSalary }}</td>
            <td>{{ list.fullAttendence }}</td>
            <td>{{ list.subsidy }}</td>
            <td>{{ list.personalIncome }}</td>
            <td>{{ list.account }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
